草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 指令无法访问嵌入的元素?

我可能会把一些概念弄错,但我没有按照预期的那样工作:http://plnkr.co/edit/Qe2IzMMMR5BJZJpwkx9e?p=preview我想做的是定义一个附加到顶级的指令元素,然后在它的链接函数中修改包含的DOM元素(比如给添加css类等)。但是,链接函数似乎只能获取原始指令模板(),而不是嵌入/扩展的DOM元素。如果这是“设计使然”,我应该怎么做?如果它无法访问被嵌入的DOM树,它会发现定义一个嵌入的“根”指令是毫无用处的...... 最佳答案 请阅读我关于Angular嵌入的一些回答:Whatisthemain

javascript - 向数组中的每个元素添加属性的优雅方式

我如何使用lodash,用最少的代码转换这样的数组:['Alfa','Betta','Gamma','Delta']进入:[{squad:'Alfa'},{squad:'Betta'},{squad:'Gamma'},{squad:'Delta'},] 最佳答案 在Lo-Dash(或下划线)中:_.map(['Alpha','Beta','Gamma','Delta'],function(squad){return{squad:squad};});在ES5中:['Alpha','Beta','Gamma','Delta'].map(

javascript - Snap.svg - 停止在悬停元素的子元素上重新触发悬停事件

对于一个项目,我使用的SVG形状由背景多边形和背景多边形上方的一些文本(我已将其转换为路径)组成。我正在使用Snap.svg为我的形状制作动画。当我将鼠标悬停在我的多边形上时,形状应该缩放到特定大小,包括其中的所有内容。鼠标移开时,形状会缩小到原来的大小。在这里你可以找到一个简化的例子:http://jsfiddle.net/XwwwU/11/我是这样实现的:SVG/HTML"/>JavaScriptvars=Snap.select('svg');varel=s.select('.el');el.hover(function(){el.animate({transform:"t0,0s

javascript - 如何使用 javascript/jQuery 获取透明元素的有效背景颜色

基本上,我在页面上有一个元素可以插入多个不同的位置。它没有设置背景颜色,但根据插入位置的背景颜色,我可能想对其进行一些更改。我的问题是:如何为元素获取有效的背景色,即使该背景色可能是从父级继承的(可能一直到主体)。这是一个简化的示例,我想在其中找到.color-me的背景颜色what'smybackground-color?还有一个代码笔:http://codepen.io/evanhobbs/pen/FbAnL/ 最佳答案 考虑到一些(非常重要的)注意事项,这是可能的。zzzzBov在对问题的评论中很好地总结了它们:...thec

javascript - 在reactjs中将字符串作为html

我有一个返回几行html的函数,如下所示:render:function(){varbadges=user.get('achievements').badges.map(function(badge){varstr=''+badge.text+'')break;case'1':str+=('fa-shopping-cart">'+badge.text+'')break;...}returnstr;});return({badges});}在执行此操作时,字符串将按其在页面上的形式呈现为文本:VisionaryActiveLoremIpsumDolorAmet;如何将其呈现为正确的HTM

javascript - 元素宽度/高度的方法

问题:是否存在getBoundingClientRect和window.getComputedStyle的width或不同的情况>高度?当元素具有box-sizing时,我刚刚在IE中发现不一致的width(见下文),其中window.getComputedStyle返回错误值(value)。所以我考虑过用getBoundingClientRect中的值覆盖width和height但不确定是否会失败。问题示例(在IE中损坏):http://jsfiddle.net/bwPM8/varbox=document.querySelector('.box');vargBCR_width=box

javascript - 当表单输入的值无效时,如何防止 AngularJS 解除表单输入值与其模型的绑定(bind)?

我正在使用AngularJS构建表单,我注意到一些我不理解的行为。当我分配ng-minlength=5时作为输入属性,AngularJS解除绑定(bind)该值,直到它比要求的长。这对我来说很不方便,因为我想告诉用户他们输入了多少内容使用user.lifestory.length.为什么AngularJS以这种方式工作?如何防止Angular在值无效时解除绑定(bind)?Lifestory:这里有一个例子:http://jsfiddle.net/J67jm/3/你可以通过填写生活故事字段来看到我所说的行为。 最佳答案 您可以使用{

javascript - 如果缺少输入文件,是否有办法导致 Grunt 插件失败?

我一直在使用Gruntcssminplugin.我的Gruntfile中有一个block,大致如下所示:cssmin:{target:{files:{'/mytarget.css':['bower_components/normalize.css/*.css','bower_components/html5-boilerplate/css/main.css','/css/*.css']}}}有一段时间这工作正常;但是我将它移到了另一台机器上并且没有正确设置我的Bower组件-html5-boilerplate/css/main.css文件丢失了-但任务仍然成功完成。事实上,我可以将完全

Javascript 在 html 中复制一个 div 并从表单提交中复制的 div 中获取值

在我的codeigniterView中,我有一个包含选择框和文本框的div。还有一个“添加更多”按钮。我的任务是在单击添加更多按钮时复制整个div,当我提交表单时,我需要从原始div和复制的div获取字段值。我怎样才能做到这一点?我尝试使用jquery克隆方法复制div。但找不到解决方案。这是我到目前为止尝试的代码:selectdisabled>SelectPartsABCQuantityJavascript:functionduplicate(){varoriginal=document.getElementById('addparts');varclone=original.clo

javascript - 比较两个数组的元素

我有两个javascript数组,我需要比较它们。例如,假设我有这两个数组:vararray1=["1","2","3","4"];vararray2=["4","1","3","2"];这些数组实际上是相等的,我想得到true作为比较的结果。最好和最快的方法是什么? 最佳答案 您真正拥有的是两个集合,而不是数组,但不幸的是,JavaScript不提供任何类型的“集合”数据类型。执行此类检查的最简单方法是使用某种功能性JavaScript库,例如lodash。使用lodash's_.unionfunction使这变得非常简单。fun